<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>个人页面</title>
	<style type="text/css">
			*{padding: 0;
			  margin: 0;    
			  font-family: "微软雅黑";
			  }
			  .head{height: 50px;
			  background:orangered;
			  }
			  .head ul{margin-left: 150px;}
			  .head ul li{float: left;
			              color: white;
			              display: inline-block;
			              width: 72px;
			              height: 50px;
			              font-weight:600 ;
			              text-align: center;
			              line-height: 50px;
			              cursor: pointer;
			              margin-right: 20px;}
			   
			   ul li{
			   	     list-style: none;
			   }
			   li a{color: white;
			      text-decoration: none;
			      }
			      .head ul li:hover{background: orangered;
			      }
			  .zy{
			  	float: left;
			  	margin-left: 155px;
			  }
		</style>
	</head>
	<body>
		<div class="head">
			<ul >
				<li class="1"><a href="..">作业</a></li>
				<li><a href="..">没想好</a></li>
				<li><a href="..">没想好</a></li>
				
				<li><a href="..">没想好</a></li>
				<li><a href="..">没想好</a></li>
				<li><a href="..">没想好</a></li>
				<li><a href="..">没想好</a></li>
				<li><a href="..">没想好</a></li>
				
				<li><a href="..">没想好</a></li>
				<li><a href="..">没想好</a></li>
				<li><a href="..">没想好</a></li>
			</ul>
		</div>
		<div style="clear: both;"></div>
		<div class="zy">
			<a href="小测试/index.html" target="_blank">表单页</a><br />
			<a href="小测试2/index.html" target="_blank" >内容页</a><br/>
            <a href="就业信息网/index.html" target="_blank" >中山职业技术学院就业</a><br/>
            <a href="国外合作/index.html" target="_blank" >国外合作</a><br/>
            <a href="ww/index.html" target="_blank" >国外旅游计划</a><br/>
            <a href="个人博客网站首页/index.html" target="_blank" >个人博客网站首页</a><br/>
            <a href="text/index.html" target="_blank" >布局练习</a><br/>
             <a href="布局联系首页/index.html" target="_blank" >布局练习首页</a><br/>
             <a href="树/index.html" target="_blank" >表单练习1</a><br/>
             <a href="10-12/index.html" target="_blank" >表单练习2</a><br/>
             <a href="10-26/index.html" target="_blank" >第九周软文推广页面</a><br/>
              <a href="第九周手机邮箱导航页面/index.html" target="_blank" >第九周手机邮箱导航页面</a><br/>
                <a href="第十周青年帮/index.html" target="_blank" >第十周青年帮</a><br/>
                 <a href="背景和渐变练习/index.html" target="_blank" >第十一周背景和渐变练习</a><br/>
                   <a href="十二周青年帮改/index.html" target="_blank" >第十二周青年帮改</a><br/>
                    <a href="第十二周-中岚签证-上半部分效果/index.html" target="_blank" >第十二周-中岚签证-上半部分效果</a><br/>
                    <a href=" 第十四周绿色网站/0701.html" target="_blank" >第十四周绿色网站</a><br/>
                     <a href="第十五周flex布局/index.html" target="_blank" >第十五周flex布局</a><br/>
                      <a href=" 十六周网站/js/demo-step1.html" target="_blank" >十六周网站</a><br/>
                       <a href="十六周网站3/index.html" target="_blank" >十六周网站3</a><br/>
                         <a href="第十七周网站/index.html" target="_blank" >第十七周网站</a><br/>
                          <a href="image/liudong.jpg" target="_blank" >taiyan</a><br/>
		</div>
	</body>
</html>